<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
        <title>JSONP原理</title>
    </head>
    <body>
        <!-- 
            什么是跨域?
                浏览器不允许不同源的页面访问数据,即域名不同,协议不同,端口不同

            跨域解决方法?
                GET请求使用JSONP(不支持POST请求)
                代理方式:在同源状态下另起一个服务在后台调取数据然后返回给本源信息.    
                在后太设置HEADER,允许所有源访问以及访问方式.


            JSONP原理:
                ajax请求受到同源策略影响,不允许跨域请求.而script标签的链接却可以访问跨域的js脚本,利用了这个
                    特性,服务端不再返回JSON格式的数据,而是返回一段调用某个js的代码.在src中进行了调用,实现了跨域  
        -->


        <script>
                $.ajax({
                    type:'get',
                    async:false,
                    url:'地址信息',
                    dataType:'jsonp',
                    jsonp:'后台的参数名字',
                    jsonpCallback:'要执行的回调函数',
                    success:function(data){
                        
                    }
                })
        
        </script>
    </body>
</html>